<style type="text/css">
    .main{width: 850px !important;margin-left: -400px;}
    .main_content{width:850px !important; }
    .content_script{margin: 0px -1px;height: 600px;background: #fff;border-radius: 5px;border: 1px solid #ccc;}
    .content_script .script_left{ width:40%;height:100%;float: left;}
    .content_script .script_left .video_centent{height:30%;}
    .content_script .script_left .time_centent{height:70%;overflow-y:auto;}    
    .angular-ui-tree-handle .angular-ui-tree_nr  {margin-left:5px;}    
    .angular-ui-tree-handle .angular-ui-tree_nr .ui_tree_type{color:#39f}
    .angular-ui-tree-node .ui_tree_add{text-align: center; color: #39f;}
    .angular-ui-tree-node .ui_tree_add i {position: relative; top: 1px;}    
    .content_script .script_right{ height: 100%;border-left: 1px solid #ddd;margin-left: -1px;width: 60%;float: right;background: #f4f4f4;}             
    .content_script .script_right .head{margin:10px;height:20px;}    
    .content_script .script_right .head>div{color: #39f;cursor: pointer;}    
    .content_script .script_right .head .add{float:left; display:none;}
    .content_script .script_right .head .del{float:right;margin-right:10px;}
    .content_script .script_right .ulzu .title_time{width: 50px;border: 0px;text-align: center;margin-top: -2px;color: red;}
    .content_script .script_right .ulzu li i{padding:0 5px;}
    .content_script .script_right .ulzu li .content{margin-left:20px;}
    .content_script .script_right .ulzu li .content_type{margin-left:15px;}    
    .content_script .script_right .ulzu li .content_type i{cursor: pointer;}
    .content_script .script_right .ulzu li .content_type i:not(:first-child){margin-left:5px;}
    .content_script .script_right .ulzu li .content_type .active{color:#39f;}
    .content_script .script_right .ulzu .ulzu_title textarea{ width:80%;resize: none;}        
    .content_script .script_right .ulzu .ulzu_del{ color:#39f;cursor: pointer;}
    .content_script .script_right .ulzu .ulzu_add_option{list-style: none;text-align: center;margin: 0;color: #39f;cursor: pointer;}    
    .content_script .script_right .redio{height:400px; overflow-y:auto;}
    .content_script .script_right .redio li {list-style-type:upper-alpha;display: list-item;margin-left: 40px;}
    .content_script .script_right .redio li input{border: 0; border-bottom: 1px solid #ccc;}
    .content_script .script_right .redio li input:nth-child(1){width: 60%;}
    .content_script .script_right .redio li input:nth-child(2){margin-left: 5px; width: 15%;}       
    .content_script .script_right .ulzu .wangEditor-container{border:0px;}
</style>
<div class="loading_bg" style="z-index: 999" ng-click="onClose()">
</div>
<div class="new_target_windows main">
    <div class="ntw_content main_content">
        <div class="title">
            <h1>
                脚本管理</h1>
            <div class="close" ng-click="onClose()">
                <span>+</span></div>
            <div class="clear">
            </div>
        </div>
        <div class="content_script">
            <div class="script_left">
                <div class="video_centent">
                    <div id="VideoPlayer">
                    </div>
                </div>
                <div class="time_centent" ui-tree>
                    <ol ui-tree-nodes ng-model="scriptContent">
                        <!--空值-->
                        <li class="angular-ui-tree-node" ng-if="scriptContent.length <=0 && false">
                            <center>
                                <img src="/images/null.png" style="max-width: 600px; width: 100%" />
                            </center>
                        </li>
                        <li class="angular-ui-tree-node" data-nodrag ui-tree-node ng-repeat="sNode in scriptContent | orderBy:'time' track by $index">                            
                            <div class=" angular-ui-tree-handle" ng-class="{'activexz':sNode.flag}" ng-click="selScript(sNode)">
                                <div class="angular-ui-tree_nr">
                                    <span class="ui_tree_type" ng-bind="sNode.type ==1?'【提问】':'【知识点】'"></span>
                                    <span ng-bind="sNode.time+'″'"> 5″</span>
                                    <span class="ui_tree_scriptname" ng-bind="sNode.title">这个是什么品种</span>                                    
                                </div>
                            </div>
                        </li>
                        <li class="angular-ui-tree-node" ng-click="addScript()">
                            <div class="angular-ui-tree-handle ui_tree_add">
                                <i class="iconfont">&#xe619;</i> 添加脚本</div>
                        </li>                        
                    </ol>
                </div>
            </div>
            <div class="script_right">
                <div class="head">
                    <div class="add"><i class="iconfont">&#xe619;</i> 新增脚本</div>
                    <div class="del" ng-click="delScript()"><i class="iconfont">&#xe679;</i> 删除</div>
                </div>
                <ul class="ulzu">
                    <li><i class="iconfont">&#xe770;</i> 秒数：<span class="content">第<input type="number"  class="title_time" ng-model="nObj.time" min="0"/>秒执行</span></li>
                    <li><i class="iconfont">&#xe713;</i> 模式：<span class="content_type"><i class="iconfont" ng-click="handType(nObj,1)" ng-class="{'active':nObj.type == 1}">&#xe630;</i> 提问问题 <i class="iconfont" ng-class="{'active':nObj.type == 2}" ng-click="handType(nObj,2)">&#xe630;</i> 知识点</span></li>                    
                    <li class="ulzu_title">
                        <span><i class="iconfont">&#xe65b;</i>标题：</span>
                        <textarea placeholder="请输入标题" ng-model="nObj.title"></textarea>
                    </li>
                </ul>
                <ol type="A" class="ulzu redio" ng-show="nObj.type == 1">                    
                    <li ng-repeat="option in nObj.contents track by $index">                        
                        <input type="text" ng-model="option.text" placeholder="请输入选项"/>
                        ，跳到<input type="number" ng-model="option.toTime" min="0" />秒    
                        <i class="iconfont ulzu_del" ng-click="delOption(nObj.contents,option)">&#xe679;</i>                    
                    </li>    
                    <li class="ulzu_add_option" ng-click="addOption(nObj.contents)">                    
                        <i class="iconfont">&#xe619;</i> 添加选项
                    </li>                
                </ol>
                <ul class="ulzu" ng-if="nObj.type == 2">                                   
                    <div contenteditable="true" ng-model="nObj.content" configbtn="configbtnzhishi"
                    style="height: 390px; clear: none; border:0px;"></div>                    
                </ul>
            </div>
        </div>                
    </div>        
</div>
